<template>
	<view>
		<view class="head">
			<image src="../../static/images/arrow_left.png" mode="" @tap="$back()"></image>
			<view class="">客户分类</view>
			<view class="f42">+</view>
		</view>
		<view class="box"  @tap="$open('newCustomer')">
		  <view class="box-l">
		  	重要客户
		  </view>
		  <view class="box-r">
		  	无折扣 
			<image src="../../static/images/arrow_right.png" mode=""></image>
		  </view>
		</view>
		<view class="box"  @tap="$open('newCustomer')" >
		  <view class="box-l">
		  一般客户
		  </view>
		  <view class="box-r">
		  	无折扣 
			<image src="../../static/images/arrow_right.png" mode=""></image>
		  </view>
		</view>
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
page {
	background-color: #f7f4f8;
}
.head {
	height: 88rpx;
	line-height: 88rpx;
	background-color: #249af6;
	color: #ffffff;
	display: flex;
	justify-content: space-between;
	padding: 0 30rpx;
	font-size: 36rpx;
	font-family: PingFang SC;
	font-weight: 500;
	image {
		width: 22rpx;
		height: 39rpx;
		margin-top: 25rpx;
	}
}
.f42{
	font-size: 80rpx;
}
.box{
	height: 110rpx;
	line-height: 110rpx;
	background-color: #FFFFFF;
	margin-top: 30rpx;
	display: flex;
	justify-content: space-between;
	padding: 0 30rpx;
	font-size:32rpx;
	font-family:PingFang SC;
	font-weight:500;
	image{
		width:18rpx;
		height:33rpx;
		vertical-align: middle;
		margin-left: 20rpx;
	}
	.box-r{
		font-size:32rpx;
		font-family:PingFang SC;
		font-weight:500;
		color: #249AF6;
	}
	
}
</style>
